﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="../Scripts/config.js"></script>
    <!--<script src="Scripts/JavaScript1.js"></script>-->
    <script type="text/javascript" src="../Scripts/bootstrap/js/jquery.min.js"></script>

    <script src="../Comm/JScript.js" type="text/javascript"></script>
    <script src="../Comm/JS/TBHelpDiv.js" type="text/javascript"></script>
    <script src="../../DataUser/JSLibData/MyFlowPublic.js" type="text/javascript"></script>
    <script src="../Comm/JS/Calendar/WdatePicker.js" type="text/javascript"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/jquery.cokie.min.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/commonYangYH.js"></script>
    <script type="text/javascript" src="../Scripts/Cookie.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/jquery.nav.js"></script>
    <script type="text/javascript" src="FrmFreeReadonly.js"></script>
    <script type="text/javascript" src="MapExt2016.js"></script>
    <script type="text/javascript" src="../Comm/Gener.js"></script>
    <script type="text/javascript" src="../Scripts/QueryString2016.js"></script>
    <script type="text/javascript" language="javascript" src="../../DataUser/PrintTools/LodopFuncs.js"></script>

    <link href="../Comm/JS/Calendar/skin/WdatePicker.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/bootstrap/css/bootstrap.css" rel="Stylesheet" />
    <link href="../Scripts/bootstrap/css/lanrenzhijia.css" rel="Stylesheet" />

    <link href="../Scripts/bootstrap/css/components-rounded.css" rel="Stylesheet" />
    <link href="../Scripts/bootstrap/css/font-awesome.css" rel="Stylesheet" />
    <link rel="stylesheet" href="../Scripts/bootstrap/css/css.css" type="text/css" media="all" />

    <!-- 该文件可以被集成厂商自己定义风格,可以自己修改,以达到流程设计器与自己的系统风格统一. -->
    <link href="../../DataUser/Style/ccbpm.css" rel="Stylesheet" />
    <script src="../Scripts/jBox/jquery.jBox-2.3.min.js" type="text/javascript"></script>
    <link href="../Scripts/jBox/Skins/Blue/jbox.css" rel="stylesheet" type="text/css" />


    <style type="text/css">
        body {
            padding: 0px;
            margin: 0px;
        }

        .nav > li > a {
            padding: 6px 13px;
        }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav > li > a:hover, .nav > li > a:focus {
                border-radius: 10px 10px 0px 0px;
            }

        .errorInput {
            border: 1px red solid !important;
        }

        li.scrollNav.active a {
            background: url(Scripts/bootstrap/css/img/back.png) no-repeat;
        }

        #nav li {
            height: 110px;
        }

            #nav li a > div {
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background: #CDD2D8;
                line-height: 25px !important;
                text-align: center;
                color: #fff;
                font: bold 15px "微软雅黑";
                margin: 0px auto;
                margin-bottom: 10px;
            }

            #nav li > a {
                color: #333;
                height: 110px;
                overflow: hidden;
                text-align: center;
                background: none;
                font: bold 14px "微软雅黑";
            }

                #nav li > a p {
                    color: #2884fa;
                    font: normal 12px '微软雅黑';
                }

        #nav .current a {
            margin: 0px;
            color: #333;
            background: none;
            box-shadow: none;
        }

            #nav .current a > div {
                width: 30px;
                height: 30px;
                line-height: 30px !important;
                background: #7E8DF9;
                font: bold 18px "微软雅黑";
            }

        body iframe {
            border: none;
        }

        #header > b, .returnTackHeader b {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #fff;
            margin: 12px;
            float: left;
            text-align: center;
            color: rgb(192, 193, 204);
            line-height: 25px;
        }

        #topContentDiv i.topContentDiv-i {
            display: block;
            width: 33px;
            height: 22px;
            background: url("Scripts/bootstrap/css/img/sanjiao_03.png") no-repeat;
            background-size: 80%;
            position: absolute;
            top: 56px;
            left: 50px;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .navbars {
            position: fixed;
            float: left;
            width: 18%;
            height: 500px;
            overflow: hidden;
        }

            .navbars .s {
                overflow-y: auto;
                scrollbar-face-color: #fff;
            }

            .navbars i {
                display: block;
                width: 64px;
                height: 30px;
                background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px 4px;
                margin: 0px auto;
            }

                .navbars i:hover {
                    background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px 4px;
                }

                .navbars i.bottom, .navbars i.bottom_disabled {
                    background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px -42px;
                }

                    .navbars i.bottom:hover, .navbars i.bottom_disabled:hover {
                        background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px -42px;
                    }

        ::-webkit-scrollbar-thumb {
            background-color: #fff;
            border: none;
        }

        ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }

        .input-group .input-group-addon {
            border: none;
            background: #F1F1F2;
        }

        #divCurrentForm {
            float: none;
            width: auto;
        }

        input[type=text], select, textarea, iframe[src*="AttachmentUpload.aspx"] {
            margin: 4px 0px !important;
        }
    </style>

    <style type="text/css">
    div.richText
    {
        min-height:40px;
		border: 1px solid #d4d4d4;
		cursor:text;
		padding:0 10px 0;		
		overflow:auto;
		word-wrap:break-word;
		box-shadow: 2px 2px 5px #d3d6da;
		background-color: #fff;
	}
    </style>

    <!--杨玉慧 -->
    <script type="text/javascript">

        $(function () {

            initPageParam(); //初始化参数

            //构造表单.
            GenerFreeFrmReadonly(); //表单数据.
         
            if ($("#Message").html() == "") {
                $(".Message").hide();
            }

            if (parent != null && parent.document.getElementById('MainFrames') != undefined) {
                //计算高度，展示滚动条
                var height = $(parent.document.getElementById('MainFrames')).height() - 110;
                $('#topContentDiv').height(height);

                $(window).resize(function () {
                    $("#CCForm").height($(window).height() - 150 + "px").css("overflow-y", "auto").css("scrollbar-face-color", "#fff");;
                });
            }
            else {//新加
                //计算高度，展示滚动条
                var height = $("#CCForm").height($(window).height() - 150 + "px").css("overflow-y", "auto").css("scrollbar-face-color", "#fff");
                $('#topContentDiv').height(height);

                $(window).resize(function () {
                    $("#CCForm").height($(window).height() - 150 + "px").css("overflow-y", "auto").css("scrollbar-face-color", "#fff");;
                });
            }
            function movetb() {
                var move;
                $("#nav").css("top", top);
            }
            $('#btnCloseMsg').bind('click', function () {
                $('.Message').hide();
            });
        })
    </script>
</head>
<body>

    <!--之前返回的信息-->
    <div id="lastOptMsg">
    </div>
    <!--Message-->
    <div class="Message alert">
        <button type="button" id="btnCloseMsg" aria-hidden="true" style="float: right; background: transparent; border: none;">&times;</button>
        <div id='Message'></div>
    </div>

    <div id="divCurrentForm" style="background: #E3E7F4; position: relative;">
        
        <!--上半部分表单-->
        <div id="topContentDiv" class="row" style="padding: 20px 5px;margin:0px auto;">
            <i class="topContentDiv-i" style="display:none;"></i>
            <div id="contentDiv">
                <form id="divCCForm"  method="post">
                    <!--LODOP_OB 先放着 不知道具体是什么-->
                    <div>
                        <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0">
                            <embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="../../DataUser/PrintTools/install_lodop32.exe" />
                        </object>
                    </div>
                    
                    <!--主表单-->  
                    <div id="CCForm">
                        <br />
                        <img src='./../Img/loading.gif' />正在初始化表单模板及数据，请耐心等待。。。
                        <br />
                        <br />
                    </div>
                    <!--Pub2 -->
                    <div class="pub2Class" id="pub2Class">
                        <!-- <uc1:Pub ID="Pub2" runat="server"/>-->
                    </div>

                    <!--DIVINFO-->
                    <div id='divinfo' style='width: 155px; position: absolute; color: Lime; display: none; cursor: pointer; align: left'></div>
                </form>
            </div>
        </div>
    </div>


</body>
</html>
